<!DOCTYPE html>
<html>
<head>
    <title>医学影像检索系统</title>
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <!--theme-style-->
    <link href="/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <script src="/js/js.cookie.js"></script>
    <!--//theme-style-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    }
    </script>
</head>
<body>
<!--header-->
<div class="header">
    <div class="container">
        <div class="logo">
            <h1><a href="/ctimage/index">
                医学影像检索系统
            </a></h1>
        </div>
        <div class="top-nav">
            <span class="menu"><img src="/images/menu.png" alt=""> </span>
            <ul>
                <li class="active"><a href="/index">主页</a></li>
                <li><a href="mail" class="hvr-sweep-to-bottom">关于</a></li>
                <div class="clearfix"></div>
            </ul>
            <!--script-->
            <script>
                $("span.menu").click(function () {
                    $(".top-nav ul").slideToggle(500, function () {
                    });
                });
            </script>
        </div>
        <div class="clearfix"></div>
    </div>
    <!---->
</div>
<div class="content">
    <div class="container">
        <!--content-top-->
        <div class="content-top">
            <div class="content-top1">
                <div class=" col-md-4 grid-top" onclick="window.location.href='interface'">
                    <div class="top-grid">
                        <i class="glyphicon glyphicon-book"></i>
                        <div class="caption">
                            <h3>简洁易用的界面</h3>
                            <p>友好的使用体验，从美观易用的UI开始</p>
                        </div>
                    </div>
                </div>
                <div class=" col-md-4 grid-top" onclick="window.location.href='algorithm_description'">
                    <div class="top-grid top">
                        <i class="glyphicon glyphicon-time home1 "></i>
                        <div class="caption">
                            <h3>先进的图像处理算法</h3>
                            <p>基于MATLAB构建先进的图像识别算法，帮助您获得更加准确的结果</p>
                        </div>
                    </div>
                </div>
                <div class=" col-md-4 grid-top" onclick="window.location.href='sample_data'">
                    <div class="top-grid">
                        <i class="glyphicon glyphicon-edit "></i>
                        <div class="caption">
                            <h3>海量数据样本</h3>
                            <p>我们的训练样本具有很好的普遍性，使算法更加精确</p>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!--//content-top-->
        <!--cpntent-mid-->


        <div class="content-middle">
            <div class="col-md-7 content-mid">
                <a href="#"><img class="img-responsive" src="/images/md.jpg" alt=""></a>
            </div>
            <div class="col-md-5 content-mid1">
                <i class="glyphicon glyphicon-filter"> </i>
                <h2>即刻开始处理样本</h2>
                <p>
                    测试版本，输入admin即可进入系统。
                </p>
                <p>
                <div class="input-group">
                    <input type="text" placeholder="用户名" class="form-control" id="username">
                    <span class="input-group-addon" onclick="userLogin()"><i class="glyphicon glyphicon-circle-arrow-right"
                                                       id="userLogin" ></i></span>
                </div>
                </p>
            </div>
            <div class="clearfix"></div>
        </div>
        <!--//content-mid-->
    </div>
    <!--//content-right-->
</div>
<div class="address" style="font-size: 12px;">
    <div class="container">
        <div class=" address-more">
            <h3 style="text-align: center">联系方式</h3>
            <div class="col-md-4 address-grid">
                <i class="glyphicon glyphicon-map-marker"></i>
                <div class="address1">
                    <p>山东省济南市</p>
                    <p>山东中医药大学</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-md-4 address-grid ">
                <i class="glyphicon glyphicon-phone"></i>
                <div class="address1">
                    <p>17862970000</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-md-4 address-grid ">
                <i class="glyphicon glyphicon-envelope"></i>
                <div class="address1">
                    <p><a href="mailto:@example.com">bmie530@163.com</a></p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
</body>
<script>
    function userLogin() {
        let username = document.getElementById('username').value;
        if (username === 'admin') {
            Cookies.set('username', username);
            window.location.href = 'uploader'
        }else {
            alert("密码错误")
        }
    }

    $("#username").keydown(function (event) {
        if (event.keyCode == 13) {
            userLogin();
        }
    })
</script>
</html>